<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="../js/menu.js"></script>
<script type="text/javascript">
$(function() {
	var time = 1500;
	//run the currently selected effect
	function runEffect(){		
		$("#menu").show("slide",time);
		
		$("#content_above_left").show(time);
		$("#content_above_right").show(time);
		
		$("#content_lower_left").show(time);
		$("#content_lower_right").show(time);
	};
	runEffect();
});

	$(function(){
	   $("#Submit1").click(function(){
			$.get("sendmail.php", $("#orderform").serialize() , function (data, textStatus){
                     //  $("#resText").html(data);
					 $("#orderform")[0].reset();
					}
			);
	   })
	})
</script>
<title>原度设计</title>
</head>

<body>

<div></div>

<div class="main" align="center">
	<div id="header" style="height:930px">
		 <!-- menu start-->
		<div id="menu" style="height:905px">
            <div style="clear:both; position:relative;z-index:99">
                <ul class="dropdown">
                    <li style="height:160px"><img src="../img/logo.jpg" width="156px" height="156x" /></li>
                    <li><a href="../home.html">首页</a></li>
                    <li><a href="../cases/cases.html">设计案例</a>
					  <ul>
							<li><a href="#">Download</a></li>
							<li><a href="#">2 Tutorial</a></li>
					  </ul>
					</li>
                    <li><a href="../desingers.html">设计师</a></li>
                    <li><a href="contact.html">网上订单</a></li>
                    <li><a href="order.html">联系我们</a></li>
                    <li><a href="../forum/">论坛</a></li>
                </ul>
            </div>
            <div id="scroll_news">
                <div id="title1">工作室动态</div>
            	<marquee behavior="scroll" direction="up" scrolldelay="200" onmouseout="start()" onmouseover="stop()">
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                	<h4><a href="www.baidu.com">百度搜索</a></h4>
                </marquee>
            </div>
        </div>
        <!-- menu end-->
		
		<!-- content start-->
		<div id="content">
            <div id="content_above">
                <div id="content_above_left" style="width:650px">
					<div id="title">在线订单提交</div>
					<div align="left" class="style1" style="text-align:left">
						<form id="orderform" style="color:#FFFFFF; text-align:left; margin:0px 20px" >
						  <table width="600px" border="0" align="center" cellpadding="0" cellspacing="0">
							<tr>
							  <td height="28" align="center">
								<strong>装修信息</strong>
							  </td>
							</tr>
						  </table>
						  <table width="600px" align="left" cellpadding="4" cellspacing="0" border="0">
							<tr height="25px" class="style2">
							  <td width="120px">您的姓名*</td>
							  <td>
								<input class="input" name="ownerName" type="text" id="ownerName" size="15" />
							  </td>
							</tr>
							<tr height="25px" class="style2">
							  <td>性别*</td>
							  <td>
								<select class="input" id="sex" name="sex">
								  <option value="先生">先生</option>
								  <option value="女士">女士</option>
								</select>
							  </td>
							</tr>
							<tr height="25px" class="style2">
							  <td>您的手机号*</td>
							  <td colspan="2" align="left">
							  <input class="input" name="phone" type="text" id="phone" size="15" />
							  手机号码是客服与您保持联系的首选</td>
							</tr>
							<tr height="25px" class="style2">
							  <td>装修类型*</td>
							  <td>
								<select class="input" name="roomType" id="roomType">
								  <option value="住宅装修">住宅装修</option>
								  <option value="办工装修">办工装修</option>
								  <option value="门市装修">门市装修</option>
								  <option value="其他">其他</option>
								</select>
							  </td>
							</tr>
							<tr height="25px" class="style2">
							  <td>您的房屋结构</td>
							  <td>
							  <input class="input" name="structure" type="text" id="structure" size="25" /> 如：三室两厅</td>
							</tr>
							<tr height="25px" class="style2">
							  <td>您的房屋面积*</td>
							  <td>
							  <input class="input" name="area" type="text" id="area" size="25" />平方米</td>
							</tr>
							<tr height="25px" class="style2">
							  <td>小区名称及地址*</td>
							  <td>
							  <input class="input" name="xq" type="text" id="xq" size="60" /></td>
							</tr>
							<tr height="25px" class="style2">
							  <td>您的装修要求</td>
							  <td>
								<textarea class="input" name="remark" cols="54" rows="3" id="remark"></textarea>
							  </td>
							</tr>
							<tr height="25px" class="style2">
							  <td>您的装修预算*</td>
							  <td>
							  <select class="input" name="budget" id="budget">
								<option value="2万以内" selected="selected">2万以内</option>
								<option value="2-4万">2-4万</option>
								<option value="4-6万">4-6万</option>
								<option value="6-8万">6-8万</option>
								<option value="8-10万">8-10万</option>
								<option value="10-15万">10-15万</option>
								<option value="15-20万">15-20万</option>
								<option value="20-50万">20-50万</option>
								<option value="50-200万">50-200万</option>
								<option value="200-500万">200-500万</option>
								<option value="500万以上">500万以上</option>
							  </select> 元(人民币)</td>
							</tr>
							<tr height="25px">
							  <td>&nbsp;</td>
							  <td>
								<input class="button" type="button" id="Submit" name="Submit" value="填写完毕" />
                                
							  </td>
							</tr>
						  </table>
						</form>						

					
					</div>
                </div>
            </div>
            <div id="content_lower">
                <div id="content_lower_right" style="width:750px; height:500px">
                    <div id="title">联系我们</div>
                    <div class="style1" style="height:460px" align="right">
						<iframe style=" margin: 10px" width="450px" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.com/maps?f=q&amp;source=s_q&amp;hl=zh-CN&amp;geocode=&amp;q=%E9%94%A6%E6%B1%9F%E5%8D%B0%E8%B1%A1&amp;sll=30.646663,104.082713&amp;sspn=0.013642,0.033023&amp;brcurrent=3,0x36efc56f70f57585:0xbcaa2665581adc00,0,0x36efcf6eeb3b622f:0x87d7d244903f250%3B5,0,0&amp;ie=UTF8&amp;hq=%E9%94%A6%E6%B1%9F%E5%8D%B0%E8%B1%A1&amp;hnear=&amp;ll=30.646663,104.082713&amp;spn=0.013642,0.033023&amp;output=embed"></iframe>
					
					</div>
                </div>          
            </div>
        
        </div>  
        <!-- content end-->
	</div>
    <!-- header end-->
	<div id="footer">Copyright &reg; 2010 Yuandu Design ChengDu</div>
</div>
</body>
</html>
